<template>
    <div class="w-full h-full flex flex-col">
        <div class="flex flex-row items-center justify-between">
            <div class="flex flex-row items-center">
                <el-select class="mr-w20" v-model="s_export.m_subscribe_screen.export" placeholder="请选择咨询师"
                    @change="action_list_subscribe" clearable>
                    <el-option v-for="item in s_export.list_export" :key="item.id" :label="item.name" :value="item.id">
                    </el-option>
                </el-select>

                <el-date-picker class="mr-w20" v-model="s_export.m_subscribe_screen.date" type="date" placeholder="选择日期"
                    value-format="timestamp" @change="action_list_subscribe">
                </el-date-picker>
            </div>
            <div class="flex flex-row items-center">
                <el-button type="primary" class=" bg-cmain_hover" @click="action_export(false)">导出本页</el-button>
                <el-button type="primary" class=" bg-cmain_hover ml-w10" @click="action_export(true)">导出全部</el-button>
            </div>
        </div>
        <div class="w-full h-full mt-w20 ">
            <el-table :data="s_export.list_subscribe" stripe style="width: 100%; " height="700">
                <el-table-column type="index" label="序号" min-width="10%">
                </el-table-column>
                <el-table-column prop="export" label="咨询师" min-width="10%">
                </el-table-column>
                <el-table-column prop="visitors" label="来访者" min-width="15%">
                </el-table-column>
                <el-table-column prop="phone" label="来访者电话" min-width="10%">
                </el-table-column>
                <el-table-column prop="type" label="咨询类型" min-width="10%">
                </el-table-column>
                <el-table-column prop="day" label="咨询日期" min-width="10%">
                </el-table-column>
                <el-table-column prop="time" label="咨询时间" min-width="10%">
                </el-table-column>
                <el-table-column prop="createTime" label="提交时间" min-width="10%">
                </el-table-column>
            </el-table>
            <div class="w-full flex items-end justify-center" style="height:7%">
                <el-pagination background layout="prev, pager, next" :total="s_export.m_page.total"
                    :page-size="s_export.m_page.limit" @current-change="action_page_change">
                </el-pagination>
            </div>
        </div>

    </div>
</template>

<script src="./Index.ts"></script>
<style src="./Index.less" lang="less" scoped>

</style>
